<template>
	<div>
		<div class="relative " style="height:45px;">
			<van-nav-bar left-arrow style="background-color: #25a4bb; color: #fff;" title="我的游记" left-arrow fixed @click-left="back" @click-right="bacsk">
				<template #left>
					<van-icon color="#fff" name="arrow-left" size="23"/>
				</template>
				<template #right>
					<div>
						<van-icon style="transform: translateY(10px);" class-prefix="icon"  name="luotuo" size="23" />
						<div style="margin-top: -6px;">首页</div>
					</div>
				</template>
			</van-nav-bar>
		</div>
		<div style="">
			<div class="youji relative">
				<van-image
				  width="100%"
				  height="100%"
				  fit="cover"
				  :src="info.images[0]"
				/>
				<div class="absolute flex ">
					<van-image
					  round
					  width="45"
					  height="45"
					  :src="info.active"
					  style="margin-right: 10px;border: solid 2px #fff;"
					/>
					<div style="flex: 1;">
						<div style="font-size:18px ; font-weight: 800;">
							{{info.title}}
						</div>
						<div>
							{{info.username}}  <span style="margin-left: 40px;">{{info.gotime}}出发</span> 
						</div>
					</div>
				</div>
			</div>
			<div style="border-top:9px solid #f3f3f3; font-size: 16px; padding: 10px;">
				<div style="font-weight: bold;
    font-size: 24px; 
    text-align: left;
    
    padding: 12px 0 8px!important;     color: #4f4f4f;
    border-bottom: 4px solid #4f4f4f;">前言</div>
				<div style="margin: 20px 0 ">
					<van-icon size="20" color="#3cc" name="fire" /> 说说这次旅行
				</div>
				<div style="border-bottom: 1px solid #e7e7e5 ; padding: 20px 0; color:#404040; opacity: 0.8;font-size: 14px;">
					<p>去年10月，原本计划和蜜蜜一起出行，临行之际，疫情再次来临，只能被迫放弃。错过了这次行程，时而想起，心里总感觉缺了什么。时隔一年，与家人拉起家常时，提及此事，颇感遗憾。坐言起行才是趁着年轻时敢想敢做的最好回应。于是乎，来了一场说走说走的旅行。有时侯，勇气是瞬间，错过了这一刻也许下一秒你就无法再来了。</p>
					<br>
					<p>第一周买票没买到，预定的民宿也没房间了。第二周继续抢票，只抢到了一张，另一张侯补没成功，直至周三晚上才买了同车中转的火车票。也是我此生第一次在同列火车中中转。</p>	
					<br>
					<p>排除万难收拾行囊出发！拜地藏，看肉身，观风景！</p>	
				</div>
				<div style="margin: 10px 0 ">
					<van-icon size="20" color="#3cc" name="fire" /> 行程规划
				</div>
				<div style="border-bottom: 1px solid #e7e7e5 ; padding: 20px 0; color:#404040; opacity: 0.8;font-size: 14px;">
					<p>第一天：池州高铁站~九华街~天台索道~古拜经台~天台寺~祇园寺~逛九华街</p>
					<br>
					<p>第二天：祇园寺~大悲宝殿~旃檀林(明净真身)~净土庵~净洁精舍~广济茅蓬~上禅堂~正天门~金沙泉~月身宝殿(金地藏真身)~地藏禅寺(慈明肉身)~弥陀殿~祇园寺（中午去吃斋饭）~百岁宫缆车站~睡佛~飞来观音殿~百岁宫(无瑕肉身)~五百罗汉堂~大厦庵~长生庵~化城寺</p>	
					<br>
				</div>
				<div style="margin: 10px 0 ">
					<van-icon size="20" color="#3cc" name="fire" /> 当地交通
				</div>
				<div style="border-bottom: 1px solid #e7e7e5 ; padding: 20px 0; color:#404040; opacity: 0.8;font-size: 14px;">
					<p> 景区直通车</p>
					<br>
					<van-image
					 
					  width="100%"
					  src="https://tr-osdcp.qunarzz.com/tr_osd_tr_hy/tr-osd-tr-space-img_e8f96e32610985c332dcbc546f6197bb.jpg_r_640x480x70_fd787732.jpg"
					/>
					<p>9：10到达池州站，出了池州高铁出站口就能看到九华旅游高铁服务中心，现场购买景区交通票（票价50元），可免费享受池州高铁站至九华山游客服务中心往返接送服务(乘坐九华旅游旗下正规营运巴士)。如果赶时间，也可以拼车去，每人费用大约100元。人多可以包车，建议在网上找车。</p>	
					<br>
				</div>
			</div>
		</div>
	</div>
</template>

<script>
	import {contentdata} from "@/api/liuhao/index"
	export default {
		data() {
			return{
				id:null,
				info:{}
			}
		},
		created() {
			this.id = this.$route.params.id
			this.getItem()
		},
		methods:{
			back(){
				this.$router.go(-1)
			},
			bacsk(){
				this.$router.push("/index")
			},
			getItem(){
				contentdata({id:this.id}).then(res=>{
					this.info = res[0]
				})
			}
		}
	}
</script>

<style scoped lang="scss">
	::v-deep .van-nav-bar__title{
		color: #fff;
	}
	.youji{
		width: 100;
		height: auto;
		.absolute{
			bottom: 12px;
			color: #fff;
		}
	}
</style>